const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true
})

// webpack 在进行打包的时候，底层用到了node.js
// 所以，在 vue.config.js 中可以直接引用 node.js 中的核心模块
const path = require("path");
const themePath = path.join(__dirname, "./src/assets/css/CustomThemes.less");
module.exports={
  lintOnSave:false,
  // 将开发环境改为生产环境(不会生产.map文件)
  productionSourceMap:false,
  publicPath: './',
  css: {
    loaderOptions: {
      less: {
        // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
        lessOptions: {
          modifyVars: {
            // 第一种：直接覆盖变量
            // "nav-bar-height": "100px",
            // 第二种(推荐)：或者可以通过 less 文件覆盖（文件路径为绝对路径）
            hack: `true; @import "${themePath}";`,
          },
        },
      },
    },
  },
}